<template>
	<div class="book fillDiv">
		<div class="t">
			<div class="container">
				<div class="title text-center">
					<h3 class="col-f">白皮书</h3>
					<div class="b-line"></div>
				</div>
				<div class="row text-center col-f">
					<div class="col-xs-4">
						<img src="../../static/img/book/icon_pdf.png"/>
						<P>TA Whitepaper.pdf</P>
						<div class="btn-d">下载pdf</div>
					</div>
					<div class="col-xs-4">
						<img src="../../static/img/book/icon_pdf.png"/>
						<P>通证联盟网络白皮书.pdf</P>
						<div class="btn-d">下载pdf</div>
					</div>
					<div class="col-xs-4">
						<img src="../../static/img/book/icon_pdf.png"/>
						<P>通证联盟网络白皮书.pdf</P>
						<div class="btn-d">下载pdf</div>
					</div>
				</div>
			</div>
			<img width="100%" height="200px" src="../../static/img/bg/pic_tannetwork_banner_yuansu.png" class="bg-img"/>
		</div>
		<img class="bg-img1" src="../../static/img/circulation/pic_yemian_banneryuansu2.png"/>
		<img width="100%"  class="bg-img2" src="../../static/img/line/bg.png"/>
		<img class="bg-img3" src="../../static/img/circulation/tuoyuan2.png"/>
	</div>
</template>

<script>
    import { fill } from '~/static/js/common.js';
    export default {
        data () {
            return {

            }
        },
        mounted () {
            fill('fillDiv')
        },
        methods : {

        }
    }
</script>

<style scoped="scoped">
	.title{margin: 50px auto;}
	.book{background: #261452;position: relative;display: table;width: 100%;}
	.book .t{display: table-cell;vertical-align: middle;position: relative;z-index: 999999;}
	.bg-img{position: absolute;left: 0;bottom: 0px;}
	.bg-img1{position: absolute;top: 0;right: 0;}
	.bg-img2{position: absolute;bottom: 0;left: 0;}
	.bg-img3{position: absolute;top: 0;left: 0;}
	h3{padding-bottom: 20px;margin: 0 auto;}
	.b-line{background:#6c55d0;width: 5%;margin: 0 auto;height: 2px;}
	img{margin: 0 auto;}
	p{margin: 30px auto;}
	.btn-d{width: 22%;height: 30px;line-height: 30px;background: url(../../static/img/book/btn.png)0 0 no-repeat;background-size: 100% 100%;text-align: center;margin: auto;cursor: pointer;}
</style>
